iT邦幫忙

2026 iThome 鐵人賽

DAY 7
0
ChatGPT & Codex

使用ChatGPT&Codex做出APP系列 第 7 篇

Day 07|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 : 改App首頁

  • 分享至 

  • xImage
  •  

今天來把首頁的 UI 改成我草稿畫成的樣子,首先還是先測試一下是不是改了程式碼,手機上就會同步更改。
簡單的用標題的文字來測試看看,隨便打了出現在腦海中的一句話😂
https://ithelp.ithome.com.tw/upload/images/20260929/20184304zsODCGnW4b.png

我想要先把所有功能的區塊都放在首頁上,根據後續製作情形或使用情境修改排列順序或功能。
我先新增了一個格子背景區塊,想在這裡做一些小動畫,讓用戶新增的貼圖或顏文字能在這裡漂浮顯示。
https://ithelp.ithome.com.tw/upload/images/20260929/20184304GqBGSfSfdE.png
然後我把相簿跟收藏靈感分成兩個區塊,我希望相簿可以跟手機照片 App 的相簿一樣,可以滑動檢視不同相簿,也可以新增相簿,幫相簿命名加 icon 之類的,因為我想要讓大家可以至少先跨出整理照片發文的第一步,先把所有考慮的照片都丟進相簿裡面,然後可以再慢慢的整理,至少先建立了相簿,就像有記備忘錄跟提醒事項一樣,之後改絕也可以新增個提醒功能。
https://ithelp.ithome.com.tw/upload/images/20260929/20184304xaQ2ybhMAq.png
最後我把原本的「之前編輯照片」區域刪除,新增了收藏歌曲的區塊,但這裡我還沒想到怎麼放比較好,等後續自己編輯跟使用的過程再進行修改。
下一篇想要把每個區塊點進去會連結的頁面都先建立出來,等整個雛型都做好後想要把App的風格大改造一下,希望可以當大家整理照片跟編輯照片的好助手,想要一個小精靈小夥伴古靈精怪的感覺🧚‍♀️


上一篇
Day 06|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 : 嘗試Codex
下一篇
Day 08|從 0 想法到使用 ChatGPT&Codex 開發App 30 天挑戰 :建立每個按鈕的跳轉頁面
系列文
使用ChatGPT&Codex做出APP 共 30 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言